<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>分类</title>
		<link rel="stylesheet" type="text/css" href="css/loaders.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<meta name="keywords" content="">
		<meta name="description" content="">
		<script src="js/rem.js"></script>
		<link href="iconfont/iconfont.css" rel="stylesheet">
		<link href="css/mui.min.css" rel="stylesheet">
		<link href="css/all.css" rel="stylesheet">
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$(".loading").addClass("loader-chanage")
				$(".loading").fadeOut(300)
			})
		</script>
	</head>
	<!--loading页开始-->
	<div class="loading">
		<div class="loader">
			<div class="loader-inner pacman">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
	</div>
	<!--loading页结束-->
	<body style="background-color: #fff;">
		<header class="mui-bar mui-bar-nav page" id="header">
			<div class="top-sch-box flex-col">
				<div class="centerflex">
					<img src="images/sousuo.png">
					<div class="sch-txt">大家都在搜「端午快放假了!？」</div>
					<span class="shaomiao"><i class="iconfont icon-saoma"></i></span>
				</div>
			</div>
		</header>

		<div class="contaniner fixed-cont">
			<aside class="assort">
				<ul>
					<a href="assort.html">
						<li>
							<img src="" />
							<span>景区门票</span>
						</li>
					</a>
					<a href="assort0.html">
						<li>
							<img src="" />
							<span>热门酒店</span>
						</li>
					</a>
					<li class="active">
						<img src="" />
						<span>智能装备</span>
					</li>
					<a href="assort2.html">
						<li>
							<img src="" />
							<span>健康食品</span>
						</li>
					</a>
					<li>
						<img src="" />
						<span>运动护具</span>
					</li>
					<li>
						<img src="" />
						<span>运动手环</span>
					</li>
					<a href="assort3.html">
						<li>
							<img src="" />
							<span>女子服饰</span>
						</li>
					</a>
					<li>
						<img src="" />
						<span>男子服饰</span>
					</li>
					<li>
						<img src="" />
						<span>室内健身</span>
					</li>
					<li>
						<img src="" />
						<span>运动服饰</span>
					</li>
					<li>
						<img src="" />
						<span>瑜伽装备</span>
					</li>
					<li>
						<img src="" />
						<span>户外跑步</span>
					</li>
				</ul>
			</aside>

			<section class="assort-cont">
				<dl>
					<dt>运动装备</dt>
					<dd>
						<a href="#">
							<img src="images/b0.jpg" />
							<p>运动手表</p>
						</a>
					</dd>
					<dd>
						<a href="#">
							<img src="images/b1.jpg" />
							<p>升级版手表</p>
						</a>
					</dd>
					<dd>
						<a href="#">
							<img src="images/cd.png" />
							<p>敬请期待！</p>
						</a>
					</dd>
				</dl>
			</section>
		</div>

		<footer class="page-footer fixed-footer">
			<ul>
				<li>
					<a href="index.html">
						<img src="images/footer001.png" />
						<p style="color: #37b5f8;">首页</p>
					</a>
				</li>
				<li class="active">
					<a href="assort.html">
						<img src="images/footer02.png" />
						<p style="color: #37b5f8;">商城</p>
					</a>
				</li>
				<li>
					<a href="shopcar.html">
						<img src="images/footer003.png" />
						<p style="color: #37b5f8;">购物车</p>
					</a>
				</li>
				<li>
					<a href="self.html">
						<img src="images/footer004.png" />
						<p style="color: #37b5f8;">个人中心</p>
					</a>
				</li>
			</ul>
		</footer>


	</body>
</html>
